@import '../../common/scss/base.scss';
page{
  background-color: $theme-color;
  letter-spacing:1rpx;
  .other-order{
    background:linear-gradient(123deg,rgba(223,12,35,.84) 0%,rgba(241,47,88,.97) 84%,rgba(255,85,130,1) 100%)!important;
  }
  .height-bottom{
    height: 100rpx;
  }
  .x-button{
    height: 200rpx;
  }
  .cancel-order{
    background: rgba(178,178,178,1)!important;
  }
  .order-detail-state{
    margin-bottom:2rpx;
    border-radius:2rpx;
    padding: 44rpx 24rpx;
    display: flex;
    .img-box{
      width: 88rpx;
      height: 88rpx;
      border-radius:2px;
      text-align:center;
      line-height:60rpx;
      image{
        width: 88rpx;
        height: 88rpx;
        vertical-align:middle;
      }
    }
   .order-detail-time{
     view{
      font-family:PingFangSC-Medium;
      color:rgba(255,255,255,1);
      line-height:44rpx;
       &:nth-child(1){
        font-size:32rpx;
        font-weight:500;
        margin-bottom: 12rpx;
       }
       &:nth-child(2){
        font-size:24rpx;
        font-weight:400;
       }
     }
   }
   .order-detail-time1{
    font-size:32rpx;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:88rpx;
    margin-left:20rpx;
   }
  }
  //  地址
  .order-detail-add{
    background-color: #ffffff;
    padding: 32rpx 30rpx;
    .order-add-user{
      display: flex;
      justify-content: space-between;
      align-items: center;
      view{
        line-height:48rpx;
        &:nth-child(1){
          font-size:32rpx;
          font-family:PingFangSC-Medium;
          font-weight:500;
          color:rgb(0,0,0);
        }
        &:nth-child(2){
          font-size:28rpx;
          font-family:PingFangSC-Light;
          font-weight:300;
          color:rgb(136,136,136);
        }
      }
    }
    .order-add-city{
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:rgba(53,53,53,1);
      line-height:44rpx;
    }
  }
  .my-order-list{
    padding:10px;
    background-color:#ffffff;
    margin:10px 0;
    .logo{
      height: 80rpx;
      view{
        display: inline-block;
        font-size: 24rpx;
        color: #353535;
      }
      image{
        width: 40rpx;
        height: 40rpx;
        vertical-align:middle;
        margin-right: 20rpx;
      }
    }
    .my-order-goods{
      background-color: #ffffff;
      box-sizing: border-box;
      margin-bottom:20rpx;
    }
    .my-order-goods:last-child{
      margin-bottom:0rpx;
    }
    .order-good-img{
      display: flex;
      image{
        width:176rpx;
        height:176rpx;
        border-radius:6rpx;
      }
      .order-title{
        view{
          width: 326rpx;
          overflow: hidden;
          display: -webkit-box;
          /* autoprefixer: off */
          -webkit-box-orient: vertical;
          /* autoprefixer: on */
          -webkit-line-clamp: 2;
          font-size:28rpx;
          color:rgb(53,53,53);
          margin-left: 20rpx;
        }
        .good-color{
          font-size:24rpx;
          font-weight:400;
          color:rgb(178,178,178);
          line-height:36rpx;
          margin-top: 12rpx
        }
      }
      .order-money{
        width: 178rpx;
        overflow: hidden;
        font-size: 28rpx;
        text-align:right;
        font-weight:400;
        // padding-right:20rpx;
        line-height:44rpx;
        .o-money{
          color:#000000;
        }
        .o-number{
          font-size:24rpx;
          color:rgb(180,180,180);
          line-height:36rpx;
        }
      }
    }
  }
  .order-detail-price{
    background-color: #ffffff;
    padding: 30rpx;
    .order-detail-prices{
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:rgb(136,136,136);
      line-height:40rpx;
      display: flex;
      justify-content:space-between;
      letter-spacing:1rpx;
      margin-bottom:10rpx;
    }
    .last-price{
      display: flex;
      justify-content:space-between;
      letter-spacing:1rpx;
      view{
        font-size:32rpx;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(53,53,53,1);
      }
      .last-price-red{
        color:$red-color
      }
     }
  }
  .order-infor{
    background-color: #ffffff;
    margin: 20rpx 0;
    padding: 30rpx;
    .order-infor-title{
      font-size:32rpx;
      font-family:PingFangSC-Medium;
      font-weight:500;
      color:rgba(53,53,53,1);
      line-height:44rpx;
    }
    .order-infor-text{
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:rgba(136,136,136,1);
      line-height:40rpx;
      margin-top: 16rpx;
    }
  }
  .order-buttom{
    position:fixed;
    bottom:0;
    height:96rpx;
    background-color:#ffffff;
    width:100%;
    text-align:right;
    align-items:center;
    justify-content:space-between;
    border-top:1rpx solid #eeeeee;
    display:flex;
    image{
      width: 64rpx;
      height: 64rpx;
      margin-left: 24rpx;
    }
    .img-order{
      display: flex;
      align-items:center;
    }
    .open-contact{
      border:none;
      background-color: transparent;
      padding: 0;
      margin-top:33rpx;
    }
    .open-contact::after{
      border:none;
    }
    .img-btn{
      display: flex;
      padding: 8rpx 28rpx;
    }
    .order-but{
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:0;
      color:#ffffff;
      line-height:40rpx;
      padding: 8rpx 28rpx;
      display:inline-block;
      border-radius:42rpx;
      margin-right: 30rpx;
      background-color: #D0021B;
    }
    .order-but:last-child{
      margin-right: 0rpx;
    }
    .to-pay{
      color:#353535;
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:0;
      line-height:40rpx;
      padding: 8rpx 28rpx;
      display:inline-block;
      border-radius:42rpx;
      margin-right: 30rpx;
      border: 1rpx solid #B2B2B2;
    }
  }
}